<template>
	<view>
		<scroll-view scroll-y="true" enable-back-to-top="true" lower-threshold="112" class="scrollbox">
			<view class="added_margin">
				<uni-section title="基本信息" type="line">
					<uni-list>
						<uni-list-item title="工单主题">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
						<uni-list-item title="工单类型">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
						<uni-list-item title="开始时间">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
						<uni-list-item title="结束时间">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
						<uni-list-item title="工单内容">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
					</uni-list>
				</uni-section>
			</view>

			<view class="added_margin">
				<uni-section title="测站信息" type="line">
					<uni-list>
						<uni-list-item title="站点">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
						<uni-list-item title="运维单位">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
						<uni-list-item title="运维人员">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
						<uni-list-item title="联系人电话">
							<template v-slot:footer>
								<input class="uni-input" placeholder="请输入" :value="inputClearValue" @input="clearInput" />
							</template>
						</uni-list-item>
						<!-- <view class="example-body">
						<view class="">图片或视频</view>
						<uni-file-picker limit="9" title="" mode="grid" @select="select" @progress="progress" @success="success" @fail="fail"></uni-file-picker>
					</view> -->
					</uni-list>
				</uni-section>
			</view>
			<view class="added_steps">
				<uni-section title="纵向排列" type="line" padding>
					<uni-steps :options="steps" active-color="#007AFF" :active="active" direction="column" />
				</uni-section>
			</view>
		</scroll-view>
		<view class="fillLogs_button">
			<button style="background-color: aliceblue; color: black" class="popup_buttom" type="submit">驳回</button>
			<button class="popup_buttom" type="submit">同意</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			steps: [
				{
					title: '买家下单',
					desc: '2018-11-11'
				},
				{
					title: '卖家发货',
					desc: '2018-11-12'
				},
				{
					title: '买家签收',
					desc: '2018-11-13'
				},
				{
					title: '交易完成',
					desc: '2018-11-14'
				}
			]
		};
	},
	methods: {}
};
</script>

<style scoped lang="scss">
.uni-input {
	width: 100rpx;
}

.scrollbox {
	height: calc(100vh - 200rpx);
}

.added_margin {
	padding: 20rpx 20rpx 0 20rpx;
}

.added_steps {
	background: #fff;
	margin: 20rpx 20rpx 0 20rpx;
	padding: 20rpx 20rpx 0 20rpx;
}

.fillLogs_button {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100rpx;
	display: flex;
	align-items: center;
	background-color: #fff;
}
.fillLogs_button button {
	width: 40%;
	background-color: #2e87ff;
	color: #fff;
	border-radius: 20rpx;
	height: 80rpx;
	line-height: 80rpx;
}

.fillLogs_button button:hover {
	background-color: #2e87ff;
	box-shadow: 0px 0px 20px -18px;
}

.fillLogs_button button:active {
	transform: scale(0.95);
}

.popup_buttom {
	background-color: #2e87ff;
	color: #fff;
	width: 40%;
	margin: 10rpx aout;
}

.status-btn {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 92rpx;
	margin: 30rpx;
	background-color: #007aff;
}

.example-body {
	/* #ifndef APP-NVUE */
	display: block;
	/* #endif */
	padding: 15px;
	flex-direction: row;
}
</style>
